/*navigation menue */

nav{
	width: 100%;
	background-color: rgb(230, 145, 100);
	position: fixed;
	top: 0;
    z-index: 9000;
	margin-left: -10px;
	margin-right: -5px;
}

nav > ul:after{
	content: "";
	display: block;
	clear: both;
}

nav > ul{
	margin: 0px;
	padding: 0px;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', sans-serif;
}


nav > ul > li{
	padding: 20px 30px;
	color: black;
	float: left;
	position: relative;
	list-style-type: none;
}

nav a{
	display: inline-block;
	text-decoration: none;
	color: black;
	font-size: 22px;
}

li.menu:hover{
	border-top: 5px solid rgb(140, 55, 10);
	background: rgba(140, 55, 10, 0.15);
	padding: 15px 30px 20px 30px;
}

img.logo{
	width: 20px;
}

/*style*/

p{
	font-family: Trebuchet, sans-serif;
	margin-left: 20px;
	margin-right: 30px;
	text-align: justify;
}

ul.liste{
	font-family: Trebuchet, sans-serif;
	list-style-type: disc;
}

h1{
	font-family: Trebuchet, sans-serif;
	padding-top: 70px;
	text-align: center;
}

h2{
	font-family: Trebuchet, sans-serif;
	margin-left: 50px;
}

ol{
	font-family: Trebuchet, sans-serif;
	line-height: 22px;
}

/*lien page présentation*/

a.lien{
	color: rgb(245, 170, 80);
	text-decoration: none;
}

a.lien:hover{
	text-decoration: underline;
}

 /* double paragraphe/cadre */

 .conteneur_paragraphe{
	 display: flex;
	 margin-left: 10px;
	 margin-right: 10px;
 }

 .colone2 > ul{
	font-family: Trebuchet, sans-serif;
	text-align: justify;
 }

 .colone1 > ul{
	font-family: Trebuchet, sans-serif;
	text-align: justify;
 }
 
 div.colone1{
	width: 56%;
	 margin-left: 20px;
	 margin-right: 20px;
	 margin-top: 15px;
	 margin-bottom: 40px;
	 border: solid;
	 padding-left: 15px;
	 padding-right: 10px;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 border-radius: 20px;
	 background-color: rgb(180, 180, 130);
	 box-shadow: 10px 5px 5px grey;
 }

 div.colone2{
	width: 44%;
	 margin-left: 20px;
	 margin-right: 20px;
	 margin-top: 15px;
	 margin-bottom: 40px;
	 border: solid;
	 padding-left: 10px;
	 padding-right: 40px;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 border-radius: 20px;
	 background-color: rgb(180, 180, 130);
	 box-shadow: 10px 5px 5px grey;
 }

/*cadre texte + 4 image masque axe 1*/

.cadre{
	width: 1000px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    margin-left: 80px;
    justify-content: space-around;
    border: solid;
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 20px;
	box-shadow: 10px 5px 5px grey;
	background-color: blanchedalmond;
}

.cadre > img{
    width: 100px;
    height: auto;
    object-fit: contain;
	padding-left: 10px;
	padding-right: 10px;
}

img.tete{
	width: 9%;
	height: auto;
}

.texte{
    width: 60%;
	padding-left: 10px;
	padding-right: 10px;
}

/*ma réalisation masque kachinas*/

.masque_kachinas{
	width: 90%;
	height: auto;
	object-fit: contain;
}	

.masque_kachinas > img{
	width: 25%;
	border-radius: 20px;
	box-shadow: 10px 5px 5px blanchedalmond;
	border: solid black;
	margin-left: 40px;
	justify-content: center;
}

.conteneur_kachinas{
	display: flex;
	width: 1000px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 80px;
    justify-content: center;
}

.titre_axe1{
	width: 30%;
	font-family: Trebuchet, sans-serif;
	font-size: 20px;
	text-align: center;
	padding-top: 90px;
}

/*image platre axe 1 */

 div.platre > img{
	width: 47%;
	height: auto;
	object-fit: contain;
	border-radius: 20px;
 }

 img.moule2{
	margin-left: 10px;
 }

 div.platre{
	border: solid black;
	width: 250px;
	height: 250px;
	padding-top: 80px;
	padding-right: 40px;
	padding-left: 40px;
	margin-left: 10px;
	margin-bottom: 40px;
	border-radius: 50%;
	background-color: rgb(180, 180, 120);
	box-shadow: 10px 5px 5px grey;
 }

 .conteneur_rond{
	display: flex;
 }

 .processus{
	width: 68%;
 }

/*3 portraits exemples axe 2*/

.portrait{
	display: flex;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 40px;
}

.portrait2{
	margin-left: 50px;
}

.portrait > img{
	border-radius: 20px;
	box-shadow: 10px 5px 5px rgb(165, 195, 215);
	border: solid black;
	width: 10%;
	height: auto;	

}

/*axe 2 _ 3 conteneurs déf + réalisations*/

.conteneur{
	display: flex;
	justify-content: space-around;
	border: solid black;
	border-radius: 20px;
	box-shadow: 10px 5px 5px rgb(100, 100, 100);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 1000px;
	margin-bottom: 40px;
	margin-top: 30px;
	margin-left: 80px;
	background-color: rgb(165, 195, 215);
}

.définition{
	width: 70%;
}

.conteneur > img{
	object-fit: contain;
	width: 15%;
	height: auto;
	margin-right: 30px;
}

.titre{
	padding-left: 20px;
	font-weight: bold;
	font-size: 20px;
	font-family: Trebuchet, sans-serif;
}

.cubisme{
	padding-top: 20px;
	padding-bottom: 20px;
}